<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <title>19001010613-霍永振</title>

  <link rel="stylesheet" href="./css/swiper-bundle.min.css">
  <link rel="stylesheet" href="./css/css.css">
  <link rel="stylesheet" href="./css/index.css">

</head>

<body>
  <!-- 顶部导航 -->
  

  <ul id="header">
    <li>
      <img src="./fonts/svg/ITzhijia.svg"></li>
    <li><input type="text" value="&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp搜索"></li>
    <li><a href="#"><img src="./fonts/svg/jiahao.svg"></a></li>
  </ul>

  <ul id="nav">

    <li> <a href="">关注</a></li>
    <li> <a href="">最新</a></li>
    <li> <a href="">热榜</a></li>
    <li> <a href="">苹果</a></li>
    <li> <a href="">小米</a></li>
    <li> <a href="">热评</a></li>
    <li> <a href="">精读</a></li>
    <li>


      <p>
        <img src="./fonts/svg/caidan.svg">
      </p>


    </li>
  </ul>

  <div class="swiper-container" id="slide">
    <div class="swiper-wrapper">
      <div class="swiper-slide"><img src="./images/roll1.jpg"></div>
      <div class="swiper-slide"><img src="./images/roll2.jpg"></div>
      <div class="swiper-slide"><img src="./images/roll3.jpg"></div>
      <div class="swiper-slide"><img src="./images/roll4.jpg"></div>
      <div class="swiper-slide"><img src="./images/roll5.jpg"></div>
      <div class="swiper-slide"><img src="./images/roll6.jpg"></div>
      <div class="swiper-slide"><img src="./images/roll7.jpg"></div>
      <div class="swiper-slide"><img src="./images/roll8.jpg"></div>
    </div>
    <div class="swiper-pagination"></div>
  </div>


  <!-- news -->

  <ul class="news">

  </ul>

  <!-- 底部导航 -->
  <div id="footer">
    <div>
      <a href="./index.html">
        <svg class="icon" aria-hidden="true">
          <use xlink:href="#icon-it-red"></use>
        </svg>
        <p>资讯</p>
      </a>
    </div>

    <div>
      <a href="./circle.html">
        <svg class="icon" aria-hidden="true">
          <use xlink:href="#icon-quanzi"></use>
      </svg>
      <p>圈子</p>
    </a>
    </div>

    <div>
      <a href="./found.html">
        <svg class="icon" aria-hidden="true">

            <use xlink:href="#icon-faxian"></use>
        </svg>
        <p>发现</p>
      </a>
    </div>

    <div>
      <a href="./me.html">
        <svg class="icon" aria-hidden="true">
          <use xlink:href="#icon-wo"></use>
      
      </svg>
      <p>我</p>
    </a>
    </div>

  </div>

  <script src="./fonts/iconfont.js"></script>
  <script src="./js/swiper-bundle.min.js"></script>
<script src="./js/index.js"></script>


</body>

</html>